<!DOCTYPE html>
<html class="no-js" lang="zxx">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Rossi - Sport eCommerce Bootstrap 4 Template</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- Favicon -->
	<link rel="icon" href="assets/images/favicon.ico">

	<!-- ************************* CSS ************************* -->

	<!-- Bootstrap CSS -->
	<link href="assets/css/bootstrap.min.css" rel="stylesheet">

	<!-- Fontawesome CSS -->
	<link href="assets/css/font-awesome.min.css" rel="stylesheet">

	<!-- IcoFont CSS -->
	<link href="assets/css/icon-font.min.css" rel="stylesheet">

	<!-- Plugins CSS -->
	<link href="assets/css/plugins.css" rel="stylesheet">

	<!-- Main CSS -->
	<link href="assets/css/main.min.css" rel="stylesheet">

	<!-- Modernizer JS -->
	<script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>

</head>

<body>
	<div id="page">
		<div class="container">
			<div class="outer-row row">
				<div class="col-md-12">
					<!--===================================
						=            Header            		   =
						=====================================-->

					<header>
						<!-- header top nav -->
						<div class="header-top-nav">
							<div class="container">
								<div class="row">
									<div class="col-lg-3 offset-lg-3 col-md-6 col-sm-12">
										<!-- language and currency changer -->
										<div class="language-currency-changer d-flex justify-content-center justify-content-md-start justify-content-lg-center">
											<div class="language-changer">
												<img src="assets/images/flags/1.jpg" alt="">
												<a href="#" id="changeLanguage"><span id="languageName">English <i class="fa fa-caret-down"></i></span></a>
												<div class="language-currency-list hidden" id="languageList">
													<ul>
														<li><a href="#"><img src="assets/images/flags/1.jpg" alt=""> English</a></li>
														<li><a href="#"><img src="assets/images/flags/2.jpg" alt=""> Français</a></li>
													</ul>
												</div>
											</div>
											<div class="currency-changer">
												<a href="#" id="changeCurrency"><span id="currencyName">USD <i class="fa fa-caret-down"></i></span></a>
												<div class="language-currency-list hidden" id="currencyList">
													<ul>
														<li><a href="#">USD</a></li>
														<li><a href="#">EURO</a></li>
													</ul>
												</div>
											</div>
										</div>
										<!-- end of language and currency changer -->
									</div>


									<div class="col-md-6 col-sm-12">
										<!-- user information menu -->
										<div class="user-information-menu">
											<ul>
												<li><a href="wishlist.html">我的收藏</a> <span class="separator">|</span></li>
												<li><a href="checkout.html">查看</a> <span class="separator">|</span></li>
												<li><a href="cart.html">购物车 (<span id="cart-status">暂无</span>)</a> <span class="separator">|</span></li>
												<li><a href="login-register.html">登录</a></li>
											</ul>
										</div>
										<!-- end of user information menu -->
									</div>

								</div>
							</div>
						</div>
						<!-- end of header top nav -->

						<!-- header bottom -->

						<!-- header content -->
						<div class="header-content">
							<div class="container">
								<div class="row">
									<div class="col-lg-3 col-md-4 offset-lg-0 text-md-left text-sm-center">
										<!-- logo -->
										<div class="logo">
											<a href="index.html"><img src="assets/images/logo.png" class="img-fluid" alt="logo"></a>
										</div>
										<!-- end of logo -->
									</div>
									<div class="col-lg-6 col-md-8">
										<!-- header search bar -->
										<div class="header-search-bar">
											<div class="input-group">
												<select name="categoryName" id="categoryName">
													<option value="">分类</option>
													<option value="01">足球</option>
													<option value="02">--- 连衣裙</option>
													<option value="03">--- 运动衫</option>
													<option value="04">--- 靴子</option>
													<option value="05">板球</option>
												</select>
												<div class="input-group-append">
													<input type="search" name="search">
													<button type="submit"><i class="fa fa-search"></i></button>
												</div>
											</div>
										</div>
										<!-- end of header search bar -->
									</div>
									<div class="col-lg-3 col-md-4">
										<!-- shopping cart -->
										<div class="shopping-cart float-lg-right d-flex justify-content-start" id="shopping-cart">
											<div class="cart-icon">
												<a href="cart.html"><img src="assets/images/icon-topcart.png" class="img-fluid" alt=""></a>
											</div>
											<div class="cart-content">
												<h2><a href="cart.html">购物车 <span><span id="cartStatus">(暂无)</span></span></a></h2>
											</div>

											<div class="cart-floating-box" id="cart-floating-box">
												<div class="cart-items">
													<div class="cart-float-single-item d-flex">
														<span class="remove-item"><a href="#"><i class="fa fa-trash"></i></a></span>
														<div class="cart-float-single-item-image">
															<img src="assets/images/products/faded-short-sleeve-tshirts.jpg" class="img-fluid" alt="">
														</div>
														<div class="cart-float-single-item-desc">
															<p class="product-title"><span class="count">1x</span> <a href="single-product-variable.html">印花裙</a></p>
															<p class="size"> <a href="shop-left-sidebar.html">黄色, S号</a></p>
															<p class="price">$20.50</p>
														</div>
													</div>
													<div class="cart-float-single-item d-flex">
														<span class="remove-item"><a href="#"><i class="fa fa-trash"></i></a></span>
														<div class="cart-float-single-item-image">
															<img src="assets/images/products/faded-short-sleeve-tshirts.jpg" class="img-fluid" alt="">
														</div>
														<div class="cart-float-single-item-desc">
															<p class="product-title"><span class="count">1x</span> <a href="single-product-variable.html">印花裙</a></p>
															<p class="size"> <a href="shop-left-sidebar.html">黄色, S号</a></p>
															<p class="price">$20.50</p>
														</div>
													</div>
												</div>
												<div class="cart-calculation d-flex">
													<div class="calculation-details">
														<p class="shipping">运费 <span>$2</span></p>
														<p class="total">总共 <span>$22</span></p>
													</div>
													<div class="checkout-button">
														<a href="checkout.html">结算</a>
													</div>
												</div>
											</div>
											<!-- end of shopping cart -->
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- end of header content -->

						<!-- header navigation section -->
						<div class="header-navigation">
							<div class="container">
								<div class="navigation-container">
									<div class="row">
										<div class="col-lg-3 d-none d-lg-block">
											<!-- ======  Header menu left text  ======= -->
											<p class="call-us-text">联系我们 24/7: (+66) 123-456-789</p>
										</div>
										<div class="col-lg-9 col-md-12">

											<!-- Header navigation right side-->

											<!-- main menu start -->
											<div class="main-menu">
												<nav>
													<ul>
														<li class="active menu-item-has-children"><a href="#">主页</a>

															<!-- ======  Submenu block  ======= -->

															<ul class="sub-menu">
																<li class="active"><a href="index.html">主页一</a></li>
																<li><a href="index-2.html">主页二</a></li>
																<li><a href="index-3.html">主页三</a></li>
															</ul>

															<!-- ====  End of Submenu block  ==== -->

														</li>
														<li class="menu-item-has-children"><a href="#">店铺</a>

															<!-- ======  Submenu block  ======= -->

															<ul class="sub-menu">
																<li class="menu-item-has-children"><a href="#">店铺分类</a>
																	<ul class="sub-menu">
																		<li class="active"><a href="shop-left-sidebar.html">商铺 左侧边栏</a></li>
																		<li><a href="shop-left-sidebar-wide.html">商铺 左宽侧边栏</a></li>
																		<li><a href="shop-right-sidebar.html">商铺 右侧边栏</a></li>
																		<li><a href="shop-right-sidebar-wide.html">商铺 右侧边栏</a></li>
																		<li><a href="shop-no-sidebar-3.html">商铺 无侧边栏 3列</a></li>
																		<li><a href="shop-no-sidebar-3-wide.html">商铺 无侧边栏 3列宽</a></li>
																		<li><a href="shop-no-sidebar-4.html">商铺 无侧边栏 4列</a></li>
																		<li><a href="shop-no-sidebar-4-wide.html">商铺 无侧边栏 4列宽</a></li>
																		<li><a href="shop-no-sidebar-5.html">商铺 无侧边栏 5列</a></li>
																		<li><a href="shop-no-sidebar-5-wide.html">商铺 无侧边栏 5列宽</a></li>
																	</ul>
																</li>
																<li class="menu-item-has-children"><a href="#">店铺列表</a>
																	<ul class="sub-menu">
																		<li><a href="shop-list.html">商店 列表</a></li>
																		<li><a href="shop-list-wide.html">商店列表宽</a></li>
																		<li><a href="shop-left-sidebar-list.html">商店列表 左侧边栏</a></li>
																		<li><a href="shop-left-sidebar-list-wide.html">商店列表 左侧边栏宽</a></li>
																		<li><a href="shop-right-sidebar-list.html">商店列表 右侧边栏</a></li>
																		<li><a href="shop-right-sidebar-list-wide.html">商店列表 右侧边栏宽</a></li>
																	</ul>
																</li>
																<li class="menu-item-has-children"><a href="#">商品展示</a>
																	<ul class="sub-menu">
																		<li><a href="single-product.html">商品</a></li>
																		<li><a href="single-product-wide.html">商品 宽</a></li>
																		<li><a href="single-product-external.html">商品 外部</a></li>
																		<li><a href="single-product-external-wide.html">商品 外部 宽</a></li>
																		<li><a href="single-product-variable.html">商品 可变</a></li>
																		<li><a href="single-product-variable-wide.html">商品 可变 宽</a></li>
																		<li><a href="single-product-group.html">商品 组</a></li>
																		<li><a href="single-product-group-wide.html">商品 组 宽</a></li>
																	</ul>
																</li>
															</ul>
															<!-- ====  End of Submenu block  ==== -->

														</li>
														<li class="menu-item-has-children"><a href="#">博客</a>
															<!-- ======  Mega menu block  ======= -->
															<ul class="mega-menu three-column">
																<li><a href="#" class="d-none">博客</a>
																	<ul>
																		<li><a href="blog-1-column-left-sidebar.html">博客 1 列 左侧边栏</a></li>
																		<li><a href="blog-1-column-right-sidebar.html">博客 1 列 右侧边栏</a></li>
																		<li><a href="blog-2-column-left-sidebar.html">博客 2 列 左侧边栏</a></li>
																		<li><a href="blog-2-column-right-sidebar.html">博客 2 列 右侧边栏</a></li>
																		<li><a href="blog-3-column.html">博客 3 列</a></li>
																	</ul>
																</li>
																<li><a href="#" class="d-none">博客 宽</a>
																	<ul>
																		<li><a href="blog-1-column-left-sidebar-wide.html">博客 1 列 左侧边栏 宽</a></li>
																		<li><a href="blog-1-column-right-sidebar-wide.html">博客 1 列 右侧边栏 宽</a></li>
																		<li><a href="blog-2-column-left-sidebar-wide.html">博客 2 列 左侧边栏 宽</a></li>
																		<li><a href="blog-2-column-right-sidebar-wide.html">博客 2 列 右侧边栏 宽</a></li>
																		<li><a href="blog-3-column-wide.html">博客 3 列 宽</a></li>
																	</ul>
																</li>
																<li><a href="#" class="d-none">单博客</a>
																	<ul>
																		<li><a href="single-blog-left-sidebar.html">单博客 左侧边栏</a></li>
																		<li><a href="single-blog-left-sidebar-wide.html">单博客 左侧边栏 宽</a></li>
																		<li><a href="single-blog-right-sidebar.html">单博客 右侧边栏</a></li>
																		<li><a href="single-blog-right-sidebar-wide.html">单博客 右侧边栏 宽</a></li>
																	</ul>
																</li>
															</ul>
															<!-- ====  End of Mega menu block  ==== -->
														</li>

														<li class="menu-item-has-children"><a href="#">页面</a>
															<!-- ======  Submenu block  ======= -->

															<ul class="sub-menu">
																<li><a href="cart.html">购物车</a></li>
																<li><a href="cart-wide.html">购物车 宽</a></li>
																<li><a href="checkout.html">结算</a></li>
																<li><a href="checkout-wide.html">结算 宽</a></li>
																<li><a href="compare.html">对比</a></li>
																<li><a href="compare-wide.html">结算 宽</a></li>
																<li><a href="store.html">店铺</a></li>
																<li><a href="store-wide.html">店铺 宽</a></li>
																<li><a href="wishlist.html">愿望清单</a></li>
																<li><a href="wishlist-wide.html">愿望清单 宽</a></li>
																<li><a href="my-account.html">我的账户</a></li>
																<li><a href="my-account-wide.html">我的账户 宽</a></li>
																<li><a href="login-register.html">登录 注册</a></li>
																<li><a href="login-register-wide.html">登录 注册 宽</a></li>
															</ul>

															<!-- ====  End of Submenu block  ==== -->
														</li>
														<li><a href="about.html">关于</a></li>
														<li><a href="contact.html">联系</a></li>
													</ul>
												</nav>

												<!-- Mobile Menu -->
												<div class="mobile-menu order-12 d-block d-lg-none"></div>

											</div>

											<!-- end of Header navigation right side-->
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- end of header navigation section -->

						<!-- breadcrumb section -->
						<div class="breadcrumb-area">
							<div class="container">
								<div class="row">
									<div class="col">
										<div class="breadcrumb-container">
											<ul>
												<li><a href="index.html">主页</a> <span class="bc-separator">|</span></li>
												<li class="active">购物</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- end of breadcrumb section -->

						<!-- end of header bottom -->
					</header>

					<!--=====  End of Header  ======-->

					<!--===========================================
						=            shop content section            =
						============================================-->

					<section class="shop-content mt-40 mb-40">
						<div class="container">
							<div class="row">
								<div class="col-lg-3 col-md-4">
										<div class="shoppage-sidebar">
												<!-- category list -->
												<!-- Header Category -->
												<div class="hero-side-category shop-side-category">

													<h2 class="block-title">分类</h2>

													<!-- Category Menu -->
													<nav class="shop-category-menu mb-50">
														<ul>
															<li><a href="shop-left-sidebar.html">足球</a></li>
															<li><a href="shop-left-sidebar.html">篮球</a></li>
															<li><a href="shop-left-sidebar.html">板球</a></li>
															<li><a href="shop-left-sidebar.html">棒球</a></li>
															<li><a href="shop-left-sidebar.html">滑板</a></li>
															<li><a href="shop-left-sidebar.html">配件</a></li>
															<li><a href="shop-left-sidebar.html">鞋</a></li>
														</ul>
													</nav>
													<!-- end of Category menu -->
												</div>
												<!-- End of Header Category -->
												<!-- end of category list -->



												<!-- oue store widget -->
												<div class="sidebar">
												<div class="store-container mb-50">
													<h2 class="block-title">我们的店</h2>
													<div class="store-widget-container">
														<div class="store-image mb-20">
															<a href="store.html"> <img src="assets/images/store.jpg" alt="" class="img-fluid"></a>
														</div>
													</div>
													<a href="store.html" class="store-btn">发现我们的店 <i class="fa fa-chevron-right"></i></a>
												</div>
											</div>
												<!-- end of oue store widget -->

												<!-- tag container -->
												<div class="sidebar">
														<h2 class="block-title">标签</h2>
														<div class="tag-container">

															<ul>
																<li><a href="shop-left-sidebar.html">new</a> </li>
																<li><a href="shop-left-sidebar.html">bags</a> </li>
																<li><a href="shop-left-sidebar.html">new</a> </li>
																<li><a href="shop-left-sidebar.html">kids</a> </li>
																<li><a href="shop-left-sidebar.html">fashion</a> </li>
																<li><a href="shop-left-sidebar.html">配件</a> </li>
															</ul>
														</div>
													</div>
													<!-- end of tag container -->


										</div>
								</div>
								<div class="col-lg-9 col-md-8">
									<div class="shop-page-container">
										<div class="shop-page-header">
											<div class="row">
												<div class="col-12">
													<h2>新产品</h2>
												</div>
												<div class="col-lg-4 col-sm-12 d-flex justify-content-start align-items-center">
													<!-- Product view mode -->
													<p class="view-mode">视图:</p>
													<div class="view-mode-icons">
														<a href="#" data-target="grid"><i class="fa fa-th"></i> <span>网格</span></a>
														<a class="active" href="#" data-target="list"><i class="fa fa-list"></i><span>列表</span></a>
													</div>
												</div>
												<div class="col-lg-8 col-sm-12 d-flex flex-column flex-sm-row justify-content-lg-end justify-content-start">
													<!-- Product Showing -->
													<div class="product-showing mr-20 mb-sm-10">
														<p>展示
															<select name="showing">
																<option value="1">8</option>
																<option value="2">12</option>
																<option value="3">16</option>
																<option value="4">20</option>
																<option value="5">24</option>
															</select>
															<span>每页</span>
														</p>
													</div>

													<!-- Product Short -->
													<div class="product-sort">
														<p>排序按
															<select name="sortby">
																<option value="trending">趋势项目</option>
																<option value="sales">最畅销</option>
																<option value="rating">评分最高</option>
																<option value="date">最新的项目</option>
																<option value="price-asc">价格：从低到高</option>
																<option value="price-desc">价格：从高到低</option>
															</select>
														</p>
													</div>
												</div>
											</div>
										</div>

										<div class="shop-product-wrap list row">
											<!-- ======  Shop product list  ====== -->

											<div class="col-xl-3 col-lg-4 col-md-6 col-12 pb-30 pt-10">
												<!-- product start -->
												<div class="single-product shop-page-product single-grid-product new-badge sale-badge">
													<div class="single-product-content">
														<div class="product-image">
															<a href="single-product-variable.html">
																<img src="assets/images/products/1.jpg" class="img-fluid" alt="">
																<img src="assets/images/products/2.jpg" class="img-fluid" alt="">
															</a>
															<div class="image-btn">
																<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
																<a href="#"><i class="fa fa-refresh"></i></a>
																<a href="#"><i class="fa fa-heart-o"></i></a>
															</div>
														</div>
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>

														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i> 添加到购物车</a>
													</div>
												</div>
												<!-- product end -->

												<!-- product list start -->
												<div class="single-list-product">
													<div class="list-product-image new-badge sale-badge">
														<a href="single-product-variable.html">
															<img src="assets/images/products/3.jpg" class="img-fluid" alt="">
															<img src="assets/images/products/4.jpg" class="img-fluid" alt="">
														</a>
														<div class="image-btn">
															<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
															<a href="#"><i class="fa fa-refresh"></i></a>
															<a href="#"><i class="fa fa-heart-o"></i></a>
														</div>
													</div>

													<div class="list-product-desc">
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>
														<p class="product-description">渐变色短袖高领t恤。柔软有弹性的材料
									舒适健康。戴上草帽，你就为夏天做好了准备!</p>
														<p class="color">
															<a href="#"><span class="color-block color-choice-1"></span></a>
															<a href="#"><span class="color-block color-choice-2"></span></a>
															<a href="#"><span class="color-block color-choice-3 active"></span></a>
														</p>
														<p class="stock-status"><span class="stock-status in-stock">现货</span></p>
														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i>
															添加到购物车</a>
													</div>
												</div>
												<!-- product list end -->
											</div>

											<div class="col-xl-3 col-lg-4 col-md-6 col-12 pb-30 pt-10">
												<!-- product start -->
												<div class="single-product shop-page-product single-grid-product new-badge sale-badge">
													<div class="single-product-content">
														<div class="product-image">
															<a href="single-product-variable.html">
																<img src="assets/images/products/5.jpg" class="img-fluid" alt="">
																<img src="assets/images/products/6.jpg" class="img-fluid" alt="">
															</a>
															<div class="image-btn">
																<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
																<a href="#"><i class="fa fa-refresh"></i></a>
																<a href="#"><i class="fa fa-heart-o"></i></a>
															</div>
														</div>
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>

														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i> 添加到购物车</a>
													</div>
												</div>
												<!-- product end -->

												<!-- product list start -->
												<div class="single-list-product">
													<div class="list-product-image new-badge sale-badge">
														<a href="single-product-variable.html">
															<img src="assets/images/products/7.jpg" class="img-fluid" alt="">
															<img src="assets/images/products/8.jpg" class="img-fluid" alt="">
														</a>
														<div class="image-btn">
															<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
															<a href="#"><i class="fa fa-refresh"></i></a>
															<a href="#"><i class="fa fa-heart-o"></i></a>
														</div>
													</div>

													<div class="list-product-desc">
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>
														<p class="product-description">渐变色短袖高领t恤。柔软有弹性的材料
									舒适健康。戴上草帽，你就为夏天做好了准备!</p>
														<p class="color">
															<a href="#"><span class="color-block color-choice-1"></span></a>
															<a href="#"><span class="color-block color-choice-2"></span></a>
															<a href="#"><span class="color-block color-choice-3 active"></span></a>
														</p>
														<p class="stock-status"><span class="stock-status in-stock">现货</span></p>
														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i>
															添加到购物车</a>
													</div>
												</div>
												<!-- product list end -->
											</div>

											<div class="col-xl-3 col-lg-4 col-md-6 col-12 pb-30 pt-10">
												<!-- product start -->
												<div class="single-product shop-page-product single-grid-product new-badge sale-badge">
													<div class="single-product-content">
														<div class="product-image">
															<a href="single-product-variable.html">
																<img src="assets/images/products/9.jpg" class="img-fluid" alt="">
																<img src="assets/images/products/10.jpg" class="img-fluid" alt="">
															</a>
															<div class="image-btn">
																<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
																<a href="#"><i class="fa fa-refresh"></i></a>
																<a href="#"><i class="fa fa-heart-o"></i></a>
															</div>
														</div>
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>

														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i> 添加到购物车</a>
													</div>
												</div>
												<!-- product end -->

												<!-- product list start -->
												<div class="single-list-product">
													<div class="list-product-image new-badge sale-badge">
														<a href="single-product-variable.html">
															<img src="assets/images/products/1.jpg" class="img-fluid" alt="">
															<img src="assets/images/products/2.jpg" class="img-fluid" alt="">
														</a>
														<div class="image-btn">
															<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
															<a href="#"><i class="fa fa-refresh"></i></a>
															<a href="#"><i class="fa fa-heart-o"></i></a>
														</div>
													</div>

													<div class="list-product-desc">
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>
														<p class="product-description">渐变色短袖高领t恤。柔软有弹性的材料
									舒适健康。戴上草帽，你就为夏天做好了准备!</p>
														<p class="color">
															<a href="#"><span class="color-block color-choice-1"></span></a>
															<a href="#"><span class="color-block color-choice-2"></span></a>
															<a href="#"><span class="color-block color-choice-3 active"></span></a>
														</p>
														<p class="stock-status"><span class="stock-status in-stock">现货</span></p>
														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i>
															添加到购物车</a>
													</div>
												</div>
												<!-- product list end -->
											</div>

											<div class="col-xl-3 col-lg-4 col-md-6 col-12 pb-30 pt-10">
												<!-- product start -->
												<div class="single-product shop-page-product single-grid-product new-badge sale-badge">
													<div class="single-product-content">
														<div class="product-image">
															<a href="single-product-variable.html">
																<img src="assets/images/products/3.jpg" class="img-fluid" alt="">
																<img src="assets/images/products/4.jpg" class="img-fluid" alt="">
															</a>
															<div class="image-btn">
																<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
																<a href="#"><i class="fa fa-refresh"></i></a>
																<a href="#"><i class="fa fa-heart-o"></i></a>
															</div>
														</div>
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>

														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i> 添加到购物车</a>
													</div>
												</div>
												<!-- product end -->

												<!-- product list start -->
												<div class="single-list-product">
													<div class="list-product-image new-badge sale-badge">
														<a href="single-product-variable.html">
															<img src="assets/images/products/5.jpg" class="img-fluid" alt="">
															<img src="assets/images/products/6.jpg" class="img-fluid" alt="">
														</a>
														<div class="image-btn">
															<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
															<a href="#"><i class="fa fa-refresh"></i></a>
															<a href="#"><i class="fa fa-heart-o"></i></a>
														</div>
													</div>

													<div class="list-product-desc">
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>
														<p class="product-description">渐变色短袖高领t恤。柔软有弹性的材料
									舒适健康。戴上草帽，你就为夏天做好了准备!</p>
														<p class="color">
															<a href="#"><span class="color-block color-choice-1"></span></a>
															<a href="#"><span class="color-block color-choice-2"></span></a>
															<a href="#"><span class="color-block color-choice-3 active"></span></a>
														</p>
														<p class="stock-status"><span class="stock-status in-stock">现货</span></p>
														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i>
															添加到购物车</a>
													</div>
												</div>
												<!-- product list end -->
											</div>

											<div class="col-xl-3 col-lg-4 col-md-6 col-12 pb-30 pt-10">
												<!-- product start -->
												<div class="single-product shop-page-product single-grid-product new-badge sale-badge">
													<div class="single-product-content">
														<div class="product-image">
															<a href="single-product-variable.html">
																<img src="assets/images/products/7.jpg" class="img-fluid" alt="">
																<img src="assets/images/products/8.jpg" class="img-fluid" alt="">
															</a>
															<div class="image-btn">
																<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
																<a href="#"><i class="fa fa-refresh"></i></a>
																<a href="#"><i class="fa fa-heart-o"></i></a>
															</div>
														</div>
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>

														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i> 添加到购物车</a>
													</div>
												</div>
												<!-- product end -->

												<!-- product list start -->
												<div class="single-list-product">
													<div class="list-product-image new-badge sale-badge">
														<a href="single-product-variable.html">
															<img src="assets/images/products/9.jpg" class="img-fluid" alt="">
															<img src="assets/images/products/10.jpg" class="img-fluid" alt="">
														</a>
														<div class="image-btn">
															<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
															<a href="#"><i class="fa fa-refresh"></i></a>
															<a href="#"><i class="fa fa-heart-o"></i></a>
														</div>
													</div>

													<div class="list-product-desc">
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>
														<p class="product-description">渐变色短袖高领t恤。柔软有弹性的材料
									舒适健康。戴上草帽，你就为夏天做好了准备!</p>
														<p class="color">
															<a href="#"><span class="color-block color-choice-1"></span></a>
															<a href="#"><span class="color-block color-choice-2"></span></a>
															<a href="#"><span class="color-block color-choice-3 active"></span></a>
														</p>
														<p class="stock-status"><span class="stock-status in-stock">现货</span></p>
														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i>
															添加到购物车</a>
													</div>
												</div>
												<!-- product list end -->
											</div>

											<div class="col-xl-3 col-lg-4 col-md-6 col-12 pb-30 pt-10">
												<!-- product start -->
												<div class="single-product shop-page-product single-grid-product new-badge sale-badge">
													<div class="single-product-content">
														<div class="product-image">
															<a href="single-product-variable.html">
																<img src="assets/images/products/1.jpg" class="img-fluid" alt="">
																<img src="assets/images/products/2.jpg" class="img-fluid" alt="">
															</a>
															<div class="image-btn">
																<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
																<a href="#"><i class="fa fa-refresh"></i></a>
																<a href="#"><i class="fa fa-heart-o"></i></a>
															</div>
														</div>
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>

														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i> 添加到购物车</a>
													</div>
												</div>
												<!-- product end -->

												<!-- product list start -->
												<div class="single-list-product">
													<div class="list-product-image new-badge sale-badge">
														<a href="single-product-variable.html">
															<img src="assets/images/products/3.jpg" class="img-fluid" alt="">
															<img src="assets/images/products/4.jpg" class="img-fluid" alt="">
														</a>
														<div class="image-btn">
															<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
															<a href="#"><i class="fa fa-refresh"></i></a>
															<a href="#"><i class="fa fa-heart-o"></i></a>
														</div>
													</div>

													<div class="list-product-desc">
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>
														<p class="product-description">渐变色短袖高领t恤。柔软有弹性的材料
									舒适健康。戴上草帽，你就为夏天做好了准备!</p>
														<p class="color">
															<a href="#"><span class="color-block color-choice-1"></span></a>
															<a href="#"><span class="color-block color-choice-2"></span></a>
															<a href="#"><span class="color-block color-choice-3 active"></span></a>
														</p>
														<p class="stock-status"><span class="stock-status in-stock">现货</span></p>
														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i>
															添加到购物车</a>
													</div>
												</div>
												<!-- product list end -->
											</div>

											<div class="col-xl-3 col-lg-4 col-md-6 col-12 pb-30 pt-10">
												<!-- product start -->
												<div class="single-product shop-page-product single-grid-product new-badge sale-badge">
													<div class="single-product-content">
														<div class="product-image">
															<a href="single-product-variable.html">
																<img src="assets/images/products/5.jpg" class="img-fluid" alt="">
																<img src="assets/images/products/6.jpg" class="img-fluid" alt="">
															</a>
															<div class="image-btn">
																<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
																<a href="#"><i class="fa fa-refresh"></i></a>
																<a href="#"><i class="fa fa-heart-o"></i></a>
															</div>
														</div>
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>

														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i> 添加到购物车</a>
													</div>
												</div>
												<!-- product end -->

												<!-- product list start -->
												<div class="single-list-product">
													<div class="list-product-image new-badge sale-badge">
														<a href="single-product-variable.html">
															<img src="assets/images/products/7.jpg" class="img-fluid" alt="">
															<img src="assets/images/products/8.jpg" class="img-fluid" alt="">
														</a>
														<div class="image-btn">
															<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
															<a href="#"><i class="fa fa-refresh"></i></a>
															<a href="#"><i class="fa fa-heart-o"></i></a>
														</div>
													</div>

													<div class="list-product-desc">
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>
														<p class="product-description">渐变色短袖高领t恤。柔软有弹性的材料
									舒适健康。戴上草帽，你就为夏天做好了准备!</p>
														<p class="color">
															<a href="#"><span class="color-block color-choice-1"></span></a>
															<a href="#"><span class="color-block color-choice-2"></span></a>
															<a href="#"><span class="color-block color-choice-3 active"></span></a>
														</p>
														<p class="stock-status"><span class="stock-status in-stock">现货</span></p>
														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i>
															添加到购物车</a>
													</div>
												</div>
												<!-- product list end -->
											</div>

											<div class="col-xl-3 col-lg-4 col-md-6 col-12 pb-30 pt-10">
												<!-- product start -->
												<div class="single-product shop-page-product single-grid-product new-badge sale-badge">
													<div class="single-product-content">
														<div class="product-image">
															<a href="single-product-variable.html">
																<img src="assets/images/products/9.jpg" class="img-fluid" alt="">
																<img src="assets/images/products/10.jpg" class="img-fluid" alt="">
															</a>
															<div class="image-btn">
																<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
																<a href="#"><i class="fa fa-refresh"></i></a>
																<a href="#"><i class="fa fa-heart-o"></i></a>
															</div>
														</div>
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>

														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i> 添加到购物车</a>
													</div>
												</div>
												<!-- product end -->

												<!-- product list start -->
												<div class="single-list-product">
													<div class="list-product-image new-badge sale-badge">
														<a href="single-product-variable.html">
															<img src="assets/images/products/1.jpg" class="img-fluid" alt="">
															<img src="assets/images/products/2.jpg" class="img-fluid" alt="">
														</a>
														<div class="image-btn">
															<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
															<a href="#"><i class="fa fa-refresh"></i></a>
															<a href="#"><i class="fa fa-heart-o"></i></a>
														</div>
													</div>

													<div class="list-product-desc">
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>
														<p class="product-description">渐变色短袖高领t恤。柔软有弹性的材料
									舒适健康。戴上草帽，你就为夏天做好了准备!</p>
														<p class="color">
															<a href="#"><span class="color-block color-choice-1"></span></a>
															<a href="#"><span class="color-block color-choice-2"></span></a>
															<a href="#"><span class="color-block color-choice-3 active"></span></a>
														</p>
														<p class="stock-status"><span class="stock-status in-stock">现货</span></p>
														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i>
															添加到购物车</a>
													</div>
												</div>
												<!-- product list end -->
											</div>

											<div class="col-xl-3 col-lg-4 col-md-6 col-12 pb-30 pt-10">
												<!-- product start -->
												<div class="single-product shop-page-product single-grid-product new-badge sale-badge">
													<div class="single-product-content">
														<div class="product-image">
															<a href="single-product-variable.html">
																<img src="assets/images/products/3.jpg" class="img-fluid" alt="">
																<img src="assets/images/products/4.jpg" class="img-fluid" alt="">
															</a>
															<div class="image-btn">
																<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
																<a href="#"><i class="fa fa-refresh"></i></a>
																<a href="#"><i class="fa fa-heart-o"></i></a>
															</div>
														</div>
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>

														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i> 添加到购物车</a>
													</div>
												</div>
												<!-- product end -->

												<!-- product list start -->
												<div class="single-list-product">
													<div class="list-product-image new-badge sale-badge">
														<a href="single-product-variable.html">
															<img src="assets/images/products/5.jpg" class="img-fluid" alt="">
															<img src="assets/images/products/6.jpg" class="img-fluid" alt="">
														</a>
														<div class="image-btn">
															<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
															<a href="#"><i class="fa fa-refresh"></i></a>
															<a href="#"><i class="fa fa-heart-o"></i></a>
														</div>
													</div>

													<div class="list-product-desc">
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>
														<p class="product-description">渐变色短袖高领t恤。柔软有弹性的材料
									舒适健康。戴上草帽，你就为夏天做好了准备!</p>
														<p class="color">
															<a href="#"><span class="color-block color-choice-1"></span></a>
															<a href="#"><span class="color-block color-choice-2"></span></a>
															<a href="#"><span class="color-block color-choice-3 active"></span></a>
														</p>
														<p class="stock-status"><span class="stock-status in-stock">现货</span></p>
														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i>
															添加到购物车</a>
													</div>
												</div>
												<!-- product list end -->
											</div>

											<div class="col-xl-3 col-lg-4 col-md-6 col-12 pb-30 pt-10">
												<!-- product start -->
												<div class="single-product shop-page-product single-grid-product new-badge sale-badge">
													<div class="single-product-content">
														<div class="product-image">
															<a href="single-product-variable.html">
																<img src="assets/images/products/7.jpg" class="img-fluid" alt="">
																<img src="assets/images/products/8.jpg" class="img-fluid" alt="">
															</a>
															<div class="image-btn">
																<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
																<a href="#"><i class="fa fa-refresh"></i></a>
																<a href="#"><i class="fa fa-heart-o"></i></a>
															</div>
														</div>
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>

														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i> 添加到购物车</a>
													</div>
												</div>
												<!-- product end -->

												<!-- product list start -->
												<div class="single-list-product">
													<div class="list-product-image new-badge sale-badge">
														<a href="single-product-variable.html">
															<img src="assets/images/products/9.jpg" class="img-fluid" alt="">
															<img src="assets/images/products/10.jpg" class="img-fluid" alt="">
														</a>
														<div class="image-btn">
															<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
															<a href="#"><i class="fa fa-refresh"></i></a>
															<a href="#"><i class="fa fa-heart-o"></i></a>
														</div>
													</div>

													<div class="list-product-desc">
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>
														<p class="product-description">渐变色短袖高领t恤。柔软有弹性的材料
									舒适健康。戴上草帽，你就为夏天做好了准备!</p>
														<p class="color">
															<a href="#"><span class="color-block color-choice-1"></span></a>
															<a href="#"><span class="color-block color-choice-2"></span></a>
															<a href="#"><span class="color-block color-choice-3 active"></span></a>
														</p>
														<p class="stock-status"><span class="stock-status in-stock">现货</span></p>
														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i>
															添加到购物车</a>
													</div>
												</div>
												<!-- product list end -->
											</div>

											<div class="col-xl-3 col-lg-4 col-md-6 col-12 pb-30 pt-10">
												<!-- product start -->
												<div class="single-product shop-page-product single-grid-product new-badge sale-badge">
													<div class="single-product-content">
														<div class="product-image">
															<a href="single-product-variable.html">
																<img src="assets/images/products/1.jpg" class="img-fluid" alt="">
																<img src="assets/images/products/2.jpg" class="img-fluid" alt="">
															</a>
															<div class="image-btn">
																<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
																<a href="#"><i class="fa fa-refresh"></i></a>
																<a href="#"><i class="fa fa-heart-o"></i></a>
															</div>
														</div>
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>

														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i> 添加到购物车</a>
													</div>
												</div>
												<!-- product end -->

												<!-- product list start -->
												<div class="single-list-product">
													<div class="list-product-image new-badge sale-badge">
														<a href="single-product-variable.html">
															<img src="assets/images/products/3.jpg" class="img-fluid" alt="">
															<img src="assets/images/products/4.jpg" class="img-fluid" alt="">
														</a>
														<div class="image-btn">
															<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
															<a href="#"><i class="fa fa-refresh"></i></a>
															<a href="#"><i class="fa fa-heart-o"></i></a>
														</div>
													</div>

													<div class="list-product-desc">
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>
														<p class="product-description">渐变色短袖高领t恤。柔软有弹性的材料
									舒适健康。戴上草帽，你就为夏天做好了准备!</p>
														<p class="color">
															<a href="#"><span class="color-block color-choice-1"></span></a>
															<a href="#"><span class="color-block color-choice-2"></span></a>
															<a href="#"><span class="color-block color-choice-3 active"></span></a>
														</p>
														<p class="stock-status"><span class="stock-status in-stock">现货</span></p>
														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i>
															添加到购物车</a>
													</div>
												</div>
												<!-- product list end -->
											</div>

											<div class="col-xl-3 col-lg-4 col-md-6 col-12 pb-30 pt-10">
												<!-- product start -->
												<div class="single-product shop-page-product single-grid-product new-badge sale-badge">
													<div class="single-product-content">
														<div class="product-image">
															<a href="single-product-variable.html">
																<img src="assets/images/products/5.jpg" class="img-fluid" alt="">
																<img src="assets/images/products/6.jpg" class="img-fluid" alt="">
															</a>
															<div class="image-btn">
																<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
																<a href="#"><i class="fa fa-refresh"></i></a>
																<a href="#"><i class="fa fa-heart-o"></i></a>
															</div>
														</div>
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>

														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i> 添加到购物车</a>
													</div>
												</div>
												<!-- product end -->

												<!-- product list start -->
												<div class="single-list-product">
													<div class="list-product-image new-badge sale-badge">
														<a href="single-product-variable.html">
															<img src="assets/images/products/7.jpg" class="img-fluid" alt="">
															<img src="assets/images/products/8.jpg" class="img-fluid" alt="">
														</a>
														<div class="image-btn">
															<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
															<a href="#"><i class="fa fa-refresh"></i></a>
															<a href="#"><i class="fa fa-heart-o"></i></a>
														</div>
													</div>

													<div class="list-product-desc">
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>
														<p class="product-description">渐变色短袖高领t恤。柔软有弹性的材料
									舒适健康。戴上草帽，你就为夏天做好了准备!</p>
														<p class="color">
															<a href="#"><span class="color-block color-choice-1"></span></a>
															<a href="#"><span class="color-block color-choice-2"></span></a>
															<a href="#"><span class="color-block color-choice-3 active"></span></a>
														</p>
														<p class="stock-status"><span class="stock-status in-stock">现货</span></p>
														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i>
															添加到购物车</a>
													</div>
												</div>
												<!-- product list end -->
											</div>

											<div class="col-xl-3 col-lg-4 col-md-6 col-12 pb-30 pt-10">
												<!-- product start -->
												<div class="single-product shop-page-product single-grid-product new-badge sale-badge">
													<div class="single-product-content">
														<div class="product-image">
															<a href="single-product-variable.html">
																<img src="assets/images/products/9.jpg" class="img-fluid" alt="">
																<img src="assets/images/products/10.jpg" class="img-fluid" alt="">
															</a>
															<div class="image-btn">
																<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
																<a href="#"><i class="fa fa-refresh"></i></a>
																<a href="#"><i class="fa fa-heart-o"></i></a>
															</div>
														</div>
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>

														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i> 添加到购物车</a>
													</div>
												</div>
												<!-- product end -->

												<!-- product list start -->
												<div class="single-list-product">
													<div class="list-product-image new-badge sale-badge">
														<a href="single-product-variable.html">
															<img src="assets/images/products/1.jpg" class="img-fluid" alt="">
															<img src="assets/images/products/2.jpg" class="img-fluid" alt="">
														</a>
														<div class="image-btn">
															<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
															<a href="#"><i class="fa fa-refresh"></i></a>
															<a href="#"><i class="fa fa-heart-o"></i></a>
														</div>
													</div>

													<div class="list-product-desc">
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>
														<p class="product-description">渐变色短袖高领t恤。柔软有弹性的材料
									舒适健康。戴上草帽，你就为夏天做好了准备!</p>
														<p class="color">
															<a href="#"><span class="color-block color-choice-1"></span></a>
															<a href="#"><span class="color-block color-choice-2"></span></a>
															<a href="#"><span class="color-block color-choice-3 active"></span></a>
														</p>
														<p class="stock-status"><span class="stock-status in-stock">现货</span></p>
														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i>
															添加到购物车</a>
													</div>
												</div>
												<!-- product list end -->
											</div>

											<div class="col-xl-3 col-lg-4 col-md-6 col-12 pb-30 pt-10">
												<!-- product start -->
												<div class="single-product shop-page-product single-grid-product new-badge sale-badge">
													<div class="single-product-content">
														<div class="product-image">
															<a href="single-product-variable.html">
																<img src="assets/images/products/3.jpg" class="img-fluid" alt="">
																<img src="assets/images/products/4.jpg" class="img-fluid" alt="">
															</a>
															<div class="image-btn">
																<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
																<a href="#"><i class="fa fa-refresh"></i></a>
																<a href="#"><i class="fa fa-heart-o"></i></a>
															</div>
														</div>
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>

														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i> 添加到购物车</a>
													</div>
												</div>
												<!-- product end -->

												<!-- product list start -->
												<div class="single-list-product">
													<div class="list-product-image new-badge sale-badge">
														<a href="single-product-variable.html">
															<img src="assets/images/products/5.jpg" class="img-fluid" alt="">
															<img src="assets/images/products/6.jpg" class="img-fluid" alt="">
														</a>
														<div class="image-btn">
															<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
															<a href="#"><i class="fa fa-refresh"></i></a>
															<a href="#"><i class="fa fa-heart-o"></i></a>
														</div>
													</div>

													<div class="list-product-desc">
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>
														<p class="product-description">渐变色短袖高领t恤。柔软有弹性的材料
									舒适健康。戴上草帽，你就为夏天做好了准备!</p>
														<p class="color">
															<a href="#"><span class="color-block color-choice-1"></span></a>
															<a href="#"><span class="color-block color-choice-2"></span></a>
															<a href="#"><span class="color-block color-choice-3 active"></span></a>
														</p>
														<p class="stock-status"><span class="stock-status in-stock">现货</span></p>
														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i>
															添加到购物车</a>
													</div>
												</div>
												<!-- product list end -->
											</div>

											<div class="col-xl-3 col-lg-4 col-md-6 col-12 pb-30 pt-10">
												<!-- product start -->
												<div class="single-product shop-page-product single-grid-product new-badge sale-badge">
													<div class="single-product-content">
														<div class="product-image">
															<a href="single-product-variable.html">
																<img src="assets/images/products/7.jpg" class="img-fluid" alt="">
																<img src="assets/images/products/8.jpg" class="img-fluid" alt="">
															</a>
															<div class="image-btn">
																<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
																<a href="#"><i class="fa fa-refresh"></i></a>
																<a href="#"><i class="fa fa-heart-o"></i></a>
															</div>
														</div>
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>

														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i> 添加到购物车</a>
													</div>
												</div>
												<!-- product end -->

												<!-- product list start -->
												<div class="single-list-product">
													<div class="list-product-image new-badge sale-badge">
														<a href="single-product-variable.html">
															<img src="assets/images/products/9.jpg" class="img-fluid" alt="">
															<img src="assets/images/products/10.jpg" class="img-fluid" alt="">
														</a>
														<div class="image-btn">
															<a href="#" data-toggle="modal" data-target="#quick-view-modal-container"><i class="fa fa-search"></i></a>
															<a href="#"><i class="fa fa-refresh"></i></a>
															<a href="#"><i class="fa fa-heart-o"></i></a>
														</div>
													</div>

													<div class="list-product-desc">
														<h5 class="product-name"><a href="single-product-variable.html">渐变色短袖</a></h5>
														<div class="price-box">
															<h4>$ 12.00</h4>
														</div>
														<p class="product-description">渐变色短袖高领t恤。柔软有弹性的材料
									舒适健康。戴上草帽，你就为夏天做好了准备!</p>
														<p class="color">
															<a href="#"><span class="color-block color-choice-1"></span></a>
															<a href="#"><span class="color-block color-choice-2"></span></a>
															<a href="#"><span class="color-block color-choice-3 active"></span></a>
														</p>
														<p class="stock-status"><span class="stock-status in-stock">现货</span></p>
														<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i
															 class="fa fa-shopping-cart"></i>
															添加到购物车</a>
													</div>
												</div>
												<!-- product list end -->
											</div>

											<!-- ====  End of Shop product list  ==== -->

										</div>

										<!-- product pagination -->

										<div class="shop-page-pagination-section d-flex justify-content-between align-items-center">
											<div class="search-result">
												显示9项中的1 - 6项
											</div>
											<div class="pagination-container">
												<ul class="pagination justify-content-left justify-content-lg-center">
													<li class="previous disabled"><a aria-disabled="true" href="#"><i class="fa fa-angle-left"></i>上一页</a></li>
													<li class="active"><a href="#">1</a></li>
													<li><a href="#">2</a></li>
													<li class="dots"> - - </li>
													<li><a href="#">20</a></li>
													<li class="next"><a href="#">下一页<i class="fa fa-angle-right"></i></a></li>
												</ul>
											</div>

											<div class="pagination-buttons">
												<a href="#" class="show-all-btn">展示所有</a>
												<a href="compare.html" class="compare-btn">对比 (0) <i class="fa fa-angle-right"></i></a>
											</div>

										</div>

										<!-- end of product pagination -->

									</div>
								</div>
							</div>
						</div>
					</section>

					<!--====  End of shop content section  ====-->

					<!--=======================================
						=            brand logo slider            =
						========================================-->

					<div class="brand-logo-slider mb-50">
						<div class="container">
							<div class="row">
								<div class="col-lg-12 col-sm-12">
									<div class="brand-logo-list">
										<!-- ======  single brand logo block  ====== -->

										<div class="single-brand-logo">
											<a href="#">
												<img src="assets/images/brand-logos/1.jpg" alt="">
											</a>
										</div>

										<!-- ====  End of single brand logo block  ==== -->
										<!-- ======  single brand logo block  ====== -->

										<div class="single-brand-logo">
											<a href="#">
												<img src="assets/images/brand-logos/2.jpg" alt="">
											</a>
										</div>

										<!-- ====  End of single brand logo block  ==== -->
										<!-- ======  single brand logo block  ====== -->

										<div class="single-brand-logo">
											<a href="#">
												<img src="assets/images/brand-logos/3.jpg" alt="">
											</a>
										</div>

										<!-- ====  End of single brand logo block  ==== -->
										<!-- ======  single brand logo block  ====== -->

										<div class="single-brand-logo">
											<a href="#">
												<img src="assets/images/brand-logos/4.jpg" alt="">
											</a>
										</div>

										<!-- ====  End of single brand logo block  ==== -->
										<!-- ======  single brand logo block  ====== -->

										<div class="single-brand-logo">
											<a href="#">
												<img src="assets/images/brand-logos/5.jpg" alt="">
											</a>
										</div>

										<!-- ====  End of single brand logo block  ==== -->
										<!-- ======  single brand logo block  ====== -->

										<div class="single-brand-logo">
											<a href="#">
												<img src="assets/images/brand-logos/6.jpg" alt="">
											</a>
										</div>

										<!-- ====  End of single brand logo block  ==== -->
										<!-- ======  single brand logo block  ====== -->

										<div class="single-brand-logo">
											<a href="#">
												<img src="assets/images/brand-logos/7.jpg" alt="">
											</a>
										</div>

										<!-- ====  End of single brand logo block  ==== -->

									</div>
								</div>
							</div>
						</div>
					</div>

					<!--====  End of brand logo slider  ====-->

					<!--========================================
					=            newsletter section            =
					=========================================-->

					<section class="newsletter-section">
						<div class="container">
							<div class="newsletter-container dark-bg">
								<div class="container">
									<div class="row">
										<div class="col-lg-8 col-md-12 col-sm-12">

											<!-- ======  Newsletter input box  ======= -->

											<div class="newsletter-wrapper d-md-flex">
												<!-- newsletter text -->
												<div class="newsletter-text">
													<h2>通讯 <span>注册我们的通讯</span></h2>
												</div>
												<!-- end of newsletter text -->

												<!-- newsletter input -->
												<div class="newsletter-input">
													<div class="input-group">
														<div class="input-group-append">
															<form id="mc-form" class="mc-form subscribe-form">
																<input type="email" id="mc-email" type="email" autocomplete="off" placeholder="请输入你的邮箱"
																 required>
																<button id="mc-submit" type="submit"> 订阅 </button>
															</form>

														</div>
													</div>
													<!-- mailchimp-alerts Start -->
													<div class="mailchimp-alerts">
														<div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
														<div class="mailchimp-success"></div><!-- mailchimp-success end -->
														<div class="mailchimp-error"></div><!-- mailchimp-error end -->
													</div><!-- mailchimp-alerts end -->
												</div>
												<!-- end of newsletter input -->
											</div>

											<!-- ====  End of Newsletter input box  ==== -->

										</div>
										<div class="col-lg-4 col-md-12 col-sm-12">
											<!-- ======  Social icon list  ======= -->

											<div class="social-icons text-right mt-5">
												<ul>
													<li><a class="facebook-link" href="//www.facebook.com"><i class="fa fa-facebook"></i></a>
														<span class="popup">facebook</span>
													</li>
													<li><a class="rss-link" href="//rss.com"><i class="fa fa-rss"></i></a>
														<span class="popup">rss</span>
													</li>
													<li><a class="twitter-link" href="//www.twitter.com"><i class="fa fa-twitter"></i></a>
														<span class="popup">twitter</span>
													</li>
													<li><a class="skype-link" href="//www.skype.com"><i class="fa fa-skype"></i></a>
														<span class="popup">Skype</span>
													</li>
													<li><a class="dribbble-link" href="//www.dribbble.com"><i class="fa fa-dribbble"></i></a>
														<span class="popup">Dribbble</span>
													</li>
												</ul>
											</div>

											<!-- ====  End of Social icon list  ==== -->

										</div>
									</div>
								</div>
							</div>
						</div>
					</section>

					<!--====  End of newsletter section  ====-->

					<!--============================
						=            footer            =
						=============================-->

					<footer>
						<div class="container">
							<!-- footer navigation -->
							<div class="footer-navigation section-padding">
								<div class="row">
									<div class="col-lg-4 col-md-4">
										<!-- footer description -->
										<div class="footer-description">
											<div class="footer-logo">
												<img src="assets/images/logo.png" alt="">
											</div>
											<p>这是一串随机生成的文字，没有实际意义。请不要将重要信息填入，以防泄漏。如有雷同，纯属巧合。。。</p>
										</div>
										<!-- end of footer description -->
									</div>
									<div class="col-lg-8 col-md-8">
										<!-- footer nav links -->
										<div class="row">
											<div class="col-lg-3 col-md-6">
												<!-- single footer nav block -->
												<div class="single-footer-nav-block">
													<h2 class="block-title">信息</h2>
													<ul class="footer-nav-links">
														<li><a href="shop-left-sidebar.html">特价</a></li>
														<li><a href="shop-left-sidebar.html">新产品</a></li>
														<li><a href="shop-left-sidebar.html">最畅销</a></li>
														<li><a href="contact.html">联系我们</a></li>
														<li><a href="about.html">关于我们</a></li>
													</ul>
												</div>
												<!-- end of single footer nav block -->
											</div>
											<div class="col-lg-3 col-md-6">
												<!-- single footer nav block -->
												<div class="single-footer-nav-block">
													<h2 class="block-title"><a href="my-account.html">我的帐户</a></h2>
													<ul class="footer-nav-links">
														<li><a href="#">我的订单</a></li>
														<li><a href="#">我的信用单</a></li>
														<li><a href="my-account.html">我的地址</a></li>
														<li><a href="my-account.html">个人信息</a></li>
													</ul>
												</div>
												<!-- end of single footer nav block -->
											</div>
											<div class="col-lg-3 col-md-6">
												<!-- single footer nav block -->
												<div class="single-footer-nav-block">
													<h2 class="block-title">分类</h2>
													<ul class="footer-nav-links">
														<li><a href="shop-left-sidebar.html">足球</a></li>
														<li><a href="shop-left-sidebar.html">网球</a></li>
														<li><a href="shop-left-sidebar.html">婴儿食品</a></li>
														<li><a href="shop-left-sidebar.html">板球</a></li>
														<li><a href="shop-left-sidebar.html">棒球</a></li>
													</ul>
												</div>
												<!-- end of single footer nav block -->
											</div>
											<div class="col-lg-3 col-md-6">
												<!-- single footer nav block -->
												<div class="single-footer-nav-block">
													<h2 class="block-title">我们的服务</h2>
													<ul class="footer-nav-links">
														<li><a href="store.html">我们的店</a></li>
														<li><a href="about.html">信息</a></li>
														<li><a href="#">隐私政策</a></li>
														<li><a href="#">条款 & 条件</a></li>
													</ul>
												</div>
												<!-- end of single footer nav block -->
											</div>
										</div>
										<!-- end of footer nav links -->

									</div>
								</div>
							</div>
							<!-- end of footer navigation -->

							<!-- copyright section -->
							<div class="copyright-section">
								<div class="copyright-container">
									<div class="row">
										<div class="col-lg-6 col-md-6 col-sm-12">
											<p class="copyright-text text-center text-md-left">Copyright © 2018 <a href="#">Rossi</a>. All Rights Reserved</p>
										</div>
										<div class="col-lg-6 col-md-6 col-sm-12">
											<div class="payment-logos text-md-right text-center">
												<img src="assets/images/payment.png" alt="payment logo">
											</div>
										</div>
									</div>
								</div>
								<!-- end of copyright section -->
							</div>
						</div>
					</footer>

					<!--====  End of footer  ====-->
				</div>
			</div>
		</div>
	</div>


	<!-- quick view modal -->
	<div class="modal fade quick-view-modal-container" id="quick-view-modal-container" tabindex="-1" role="dialog"
	 aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered" role="document">
			<div class="modal-content">
				<div class="modal-header">

					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-lg-5 col-md-7">
							<!-- product quickview image gallery -->
							<!--Modal Tab Content Start-->
							<div class="tab-content product-details-large" id="myTabContent">
								<div class="tab-pane fade show active" id="single-slide1" role="tabpanel" aria-labelledby="single-slide-tab-1">
									<!--Single Product Image Start-->
									<div class="single-product-img img-full">
										<img src="assets/images/product-slider-images/image1.jpg" class="img-fluid" alt="">
									</div>
									<!--Single Product Image End-->
								</div>
								<div class="tab-pane fade" id="single-slide2" role="tabpanel" aria-labelledby="single-slide-tab-2">
									<!--Single Product Image Start-->
									<div class="single-product-img img-full">
										<img src="assets/images/product-slider-images/image2.jpg" class="img-fluid" alt="">
									</div>
									<!--Single Product Image End-->
								</div>
								<div class="tab-pane fade" id="single-slide3" role="tabpanel" aria-labelledby="single-slide-tab-3">
									<!--Single Product Image Start-->
									<div class="single-product-img img-full">
										<img src="assets/images/product-slider-images/image3.jpg" class="img-fluid" alt="">
									</div>
									<!--Single Product Image End-->
								</div>
								<div class="tab-pane fade" id="single-slide4" role="tabpanel" aria-labelledby="single-slide-tab-4">
									<!--Single Product Image Start-->
									<div class="single-product-img img-full">
										<img src="assets/images/product-slider-images/image4.jpg" class="img-fluid" alt="">
									</div>
									<!--Single Product Image End-->
								</div>
							</div>
							<!--Modal Content End-->
							<!--Modal Tab Menu Start-->
							<div class="single-product-menu">
								<div class="nav single-slide-menu" role="tablist">
									<div class="single-tab-menu img-full">
										<a data-toggle="tab" id="single-slide-tab-1" href="#single-slide1"><img src="assets/images/product-slider-images/image1.jpg"
											 class="img-fluid" alt=""></a>
									</div>
									<div class="single-tab-menu img-full">
										<a data-toggle="tab" id="single-slide-tab-2" href="#single-slide2"><img src="assets/images/product-slider-images/image2.jpg"
											 class="img-fluid" alt=""></a>
									</div>
									<div class="single-tab-menu img-full">
										<a data-toggle="tab" id="single-slide-tab-3" href="#single-slide3"><img src="assets/images/product-slider-images/image3.jpg"
											 class="img-fluid" alt=""></a>
									</div>
									<div class="single-tab-menu img-full">
										<a data-toggle="tab" id="single-slide-tab-4" href="#single-slide4"><img src="assets/images/product-slider-images/image4.jpg"
											 alt=""></a>
									</div>
								</div>
							</div>
							<!--Modal Tab Menu End-->
							<!-- end of product quickview image gallery -->
						</div>
						<div class="col-lg-7 col-md-5">
							<!-- product quick view description -->
							<div class="product-options">
								<h2 class="product-title">渐变色短袖</h2>
								<p class="condition"><span>状况:</span> 新</p>
								<h2 class="product-price">$12.90</h2>
								<p class="product-description">渐变色短袖高领t恤。柔软有弹性的材料
									舒适健康。戴上草帽，你就为夏天做好了准备!</p>
								<div class="social-share-buttons">
									<ul>
										<li><a class="twitter" href="#"><i class="fa fa-twitter"></i> Tweet</a></li>
										<li><a class="facebook" href="#"><i class="fa fa-facebook"></i> Share</a></li>
										<li><a class="google-plus" href="#"><i class="fa fa-google-plus"></i> Google+</a></li>
										<li><a class="pinterest" href="#"><i class="fa fa-pinterest"></i> Pinterest</a></li>
									</ul>
								</div>
								<p class="stock-details">288 件 <span class="stock-status in-stock">有现货</span></p>
								<p class="quantity">数量:
									<span class="pro-qty counter"><input type="text" value="1" class="mr-5"></span>

								</p>
								<p class="size">
									尺码: <br>
									<select name="chooseSize" id="chooseSize">
										<option value="0">XXL</option>
										<option value="0">L</option>
										<option value="0">M</option>
										<option value="0">S</option>
									</select>
								</p>
								<p class="color">
									颜色: <br>
									<a href="#"><span class="color-block color-choice-1"></span></a>
									<a href="#"><span class="color-block color-choice-2"></span></a>
									<a href="#"><span class="color-block color-choice-3 active"></span></a>
								</p>

								<a href="#" class="add-to-cart-btn" data-toggle="modal" data-target="#add-to-cart-modal-container"><i class="fa fa-shopping-cart"></i>
									添加到购物车</a>
							</div>
							<!-- end of product quick view description -->
						</div>
					</div>
				</div>
			</div>

		</div>
	</div>
	<!-- end of quick view modal -->


	<!-- add to cart modal -->
	<div class="modal fade add-to-cart-modal-container" id="add-to-cart-modal-container" tabindex="-1" role="dialog"
	 aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered" role="document">
			<div class="modal-content">
				<div class="modal-header">

					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-lg-6 col-md-6">
							<!-- cart product short details -->

							<div class="cart-product-short-desc">
								<h2 class="cart-success-message"> 产品成功添加到您的购物车</h2>
								<div class="cart-product-short-desc-content d-flex">
									<div class="product-image">
										<img src="assets/images/products/faded-short-sleeve-tshirts.jpg" class="img-fluid" alt="">
									</div>
									<div class="product-desc">
										<h4 class="product-title">Printed Dress</h4>
										<p class="color-size">Yellow, S</p>
										<p class="quantity"><span>Quantity</span> 1</p>
										<p class="total-amount"><span>Total:</span> $20.40</p>
									</div>
								</div>
							</div>
							<!-- end of cart product short details -->
						</div>
						<div class="col-lg-6 col-md-6">
							<!-- cart product calculation -->
							<div class="cart-product-calculation">
								<h2 class="cart-info-message">There is 1 item in your cart.</h2>
								<div class="product-calculations">
									<p><span>Total products</span> $20.50</p>
									<p><span>Total shipping</span> $2</p>
									<p><span>Total</span> $22.50</p>
								</div>
							</div>
							<!-- end of cart product calculation -->

							<!-- cart modal buttons -->
							<div class="cart-modal-buttons">
								<a class="continue-shopping-btn" href="shop-left-sidebar.html"><i class="fa fa-chevron-left"></i>
									Continue
									shopping</a>
								<a class="proceed-checkout-btn" href="checkout.html">Proceed to checkout <i class="fa fa-chevron-right"></i>
								</a>
							</div>
							<!-- end of cart modal buttons -->

						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
	<!-- end of add to cart modal -->


	<!-- scroll to top  -->
	<a href="#" class="scroll-top"></a>
	<!-- end of scroll to top -->



	<!-- ************************* JS ************************* -->

	<!-- jQuery JS -->
	<script src="assets/js/vendor/jquery.min.js"></script>

	<!-- Popper JS -->
	<script src="assets/js/popper.min.js"></script>

	<!-- Bootstrap JS -->
	<script src="assets/js/bootstrap.min.js"></script>

	<!-- Plugins JS -->
	<script src="assets/js/plugins.js"></script>

	<!-- Main JS -->
	<script src="assets/js/main.js"></script>

</body>

</html>